<template>
  <div class="container clearfix">
      <div class="leftbox left">
        <UserNav/>
        <router-view></router-view>
      </div>
      <div class="rightbox left">
        <Race/>
      </div>
  </div>
</template>

<script>
import UserNav from '../../components/usernav.vue'
import Race from '@/components/race/race_main.vue'
export default {
  data(){
    return{
  
    }
  },
  components:{
    UserNav,Race
  }
}
</script>

<style scoped>
.container{
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.leftbox{
  flex: 7;
  margin-right: 16px;
  border: 1px solid #eee;
}
.rightbox{
  flex: 3;
  border: 1px solid #eee;
}
</style>
